.fs-certificates {
    max-width: 800px;
    margin-inline: auto;
}

.fs-certificates-track {
    height: 300px;
    transition: transform .5s ease;
    will-change: transform;
}

.fs-certificate-item {
    width: 250px;
    height: 300px;
    transform: scale(.8);
    transition: transform .3s ease;
}

.fs-certificate-image {
    height: 100%;
    object-fit: cover;
    filter: brightness(.9);
    box-shadow: 0 10px 20px rgba(18, 17, 17, .18);
    transition: filter .3s ease, box-shadow .3s ease;
}

.fs-certificate-item:hover,
.fs-certificate-item:focus-visible {
    transform: scale(.9);
}

.fs-certificate-item:hover .fs-certificate-image,
.fs-certificate-item:focus-visible .fs-certificate-image {
    filter: brightness(1);
    box-shadow: 0 10px 20px rgba(18, 17, 17, .25);
}

.fs-certificate-control {
    z-index: 2;
    width: 48px;
    color: var(--uwebi-font-primary);
    background: rgba(var(--uwebi-primary-rgb), .72);
    border: 0;
}

.fs-certificate-control:hover,
.fs-certificate-control:focus-visible {
    color: var(--uwebi-bordeaux);
    background: rgba(var(--uwebi-primary-rgb), .92);
}

@media (max-width: 767.98px) {
    .fs-certificates-track {
        height: 280px;
    }

    .fs-certificate-item {
        width: 220px;
        height: 280px;
    }
}