.stepmuster-gallery-wrapper {
    width: 100%;
    margin-bottom: 24px;
    position: sticky !important;
  top: 8em;
}

.step-gallery {
    width: 100%;

}

.step-gallery-main-link {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    background: #f4f4f4;
}

#step-gallery-main-image {
    display: block;
    width: 100%;
    height: auto;
}

.step-gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-top: 12px;
}

.step-gallery-thumb {
    display: block;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 6px;
    overflow: hidden;
    background: transparent;
    cursor: pointer;
}

.step-gallery-thumb.active {
    border-color: currentColor;
}

.step-gallery-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.step-gallery-lightbox-links,
.step-gallery-hidden {
    display: none !important;
}

@media (max-width: 768px) {
    .step-gallery-thumbs {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 480px) {
    .step-gallery-thumbs {
        grid-template-columns: repeat(3, 1fr);
    }
}