.index-certification-marks {
    display: none;
}

@media (min-width: 768px) {
    .index-certification-marks.is-ready {
        display: flex;
        position: fixed;
        top: 114px;
        z-index: 50;
        gap: 12px;
        margin: 0;
        padding: 0;
    }

    .index-certification-marks.is-left {
        left: 24px;
    }

    .index-certification-marks.is-right {
        right: 24px;
    }

    .index-certification-marks.is-horizontal {
        flex-direction: row;
    }

    .index-certification-marks.is-vertical {
        flex-direction: column;
    }

    .index-certification-marks img {
        width: 150px;
        height: 150px;
        max-width: 150px;
        max-height: 150px;
        object-fit: contain;
    }
}

@media (max-width: 767.98px) {
    .index-certification-marks.is-ready {
        display: flex;
        position: absolute;
        z-index: 50;
        top: auto;
        right: 23px;
        bottom: calc(var(--index-visual-white-space) + 98px);
        left: auto;
        flex-direction: row;
        gap: 11px;
        margin: 0;
        padding: 0;
    }

    .index-certification-marks img {
        width: 110px;
        height: 110px;
        max-width: 110px;
        max-height: 110px;
        object-fit: contain;
    }
}